
<!DOCTYPE html>
<html>
    <head>
        <title>Sistema PlanOk .::. Sistema de Gesti&oacuten de Planificaci&oacuten de Proyectos</title>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <meta name="author" content="PlanOk S.A.C."><meta name="version" content="0.1">
        <meta name="description" content="Sistema de Gesti&oacuten de Planificaci&oacuten de Proyectos">

        <!-- Llamando los CSS  -->
        <link rel="stylesheet" type="text/css" href="css/packs.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap.css" />
        <link rel="stylesheet" type="text/css" href="css/bootstrap/bootstrap-responsive.css" />
        <!-- Llamando los JS -->
        <script type="text/javascript" src="js/bootstrap/bootstrap.js"></script>
        <script type="text/javascript" src="js/generals/jquery.js"></script>
        <script type="text/javascript" src="js/packs_index.js"></script>

    </head>
    <body>
        <div class="headerSuperior">
            <div id="dv_botones" class="tiptip">
                <button id="bto_perfil" class="button left" title="Mi perfil"><span class="icon icon127"></span></button>
                <button class="button left" title="Cerrar sesión"><span class="icon icon151"></span></button>
            </div>
            <div id="dv_perfil"></div>
        </div>
        <div id="header">
            <div id="dv_modulos">
                <div class="imgLogo"><img src="img/logo.png" class="imageKND" /></div>
            </div>
            <div id="dv_botonesDemo" style="position:absolute;left:390px;top:80px;">
                <button class="button"><span class="icon icon108"></span><span class="label red">Inicio</span></button>
                <button class="button"><span class="icon icon120"></span><span class="label red">Planes</span></button>
                <button class="button"><span class="icon icon191"></span><span class="label red">Nosotros</span></button>
                <button class="button"><span class="icon icon146"></span><span class="label red">Contactenos</span></button>
            </div>
            <!--
            <div id="dv_opciones">
                <button class="action blue"><span class="label">Nuevo Ticket</span></button>
            </div>
            -->
        </div>
        <div id="container">
            <div id="centrado">
                <div id="containerLeft">
                    <div id="iAcordion"></div>
                </div>
                <div id="containerCenter">
                    <!--<div id="dv_grid">-->
                    <div id="dv_title">Nuestros Mejores Planes de Negocios</div>

                    <!--Inicio Nuevo-->
                    <br>        
                    <div class="container-fluid">  
                        <strong>Cinco mejores planes mas vendidos. </strong>
                    </div>

                </div>

                <div id="containerCenterCarousel">
                    <section id="carousel">
                        <div class="bs-docs-example">
                            <div id="myCarousel1" class="carousel slide">
                                <div class="carousel-inner">
                                    <div class="item active">
                                        <img src="img/planes/pn1.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: Nuevo Banchero</h4></a>
                                            <p>Categoria: Proyecto Pesquero</p>
                                        </div>                                      
                                    </div>
                                    <div class="item">
                                        <img src="img/planes/pn2.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: Frutiflex</h4></a>
                                            <p>Categoria: Proyecto Agropecuario</p>                                            
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="img/planes/pn3.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: MiCiudad</h4></a>                                            
                                            <p>Categoria: Proyecto Inmobiliario</p>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="img/planes/pn4.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: MiIndustria</h4></a>
                                            <p>Categoria: Proyecto Industrial</p>
                                        </div>
                                    </div>
                                    <div class="item">
                                        <img src="img/planes/pn5.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: Chamba</h4></a>
                                            <p>Categoria: Proyecto de Servicios</p>
                                        </div>                                       
                                    </div>
                                </div>
                                <a class="left carousel-control" href="#myCarousel1" data-slide="prev">‹</a>
                                <a class="right carousel-control" href="#myCarousel1" data-slide="next">›</a>
                            </div>
                        </div>
                    </section>                        
                </div>

                <div id="containerCenterCarouselDatos">
                    <section id="carousel">
                        <div class="bs-docs-example">
                            <div id="myCarousel2" class="carousel slide">
                                <div class="carousel-inner">

                                    <div class="item active">
                                        <img src="img/planes/pn5.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: Chamba</h4></a>
                                            <p>Categoria: Proyecto de Servicios</p>
                                        </div>                                       
                                    </div>                                    

                                    <div class="item">
                                        <img src="img/planes/pn4.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: MiIndustria</h4></a>
                                            <p>Categoria: Proyecto Industrial</p>
                                        </div>
                                    </div>                        

                                    <div class="item">
                                        <img src="img/planes/pn3.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: MiCiudad</h4></a>                                            
                                            <p>Categoria: Proyecto Inmobiliario</p>
                                        </div>
                                    </div>

                                    <div class="item">
                                        <img src="img/planes/pn2.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: Frutiflex</h4></a>
                                            <p>Categoria: Proyecto Agropecuario</p>                                            
                                        </div>
                                    </div>                                   

                                    <div class="item">
                                        <img src="img/planes/pn1.jpeg" alt="">
                                        <div class="carousel-caption">
                                            <a href="Valida_Plan_Detalle.html"><h4>Proyecto: Nuevo Banchero</h4></a>
                                            <p>Categoria: Proyecto Pesquero</p>
                                        </div>                                      
                                    </div>

                                </div>
                                <a class="left carousel-control" href="#myCarousel2" data-slide="prev">‹</a>
                                <a class="right carousel-control" href="#myCarousel2" data-slide="next">›</a>
                            </div>
                        </div>
                    </section>                                         
                </div>

                <!--Fin Nuevo-->

            </div>
        </div>
    </body>
</html>
<script src="js/carousel/jquery.js"></script>     
<script src="js/carousel/bootstrap-transition.js"></script>
<script src="js/carousel/bootstrap-carousel.js"></script>